<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>    
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<meta http-equiv="Cache-Control" content="no-cache"/>  
<meta content="width=device-width,user-scalable=no" name="viewport">
<!-- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0"/> -->
<script type="text/javascript" src="${path }/web/js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="${path }/web/css/share.css" />
<style type="text/css">
	#content img {
		max-width: 640px;
		width: 100%;
	}
	#content {
		padding-bottom:40px;
	}
	.nav img {
		max-width: 150px;
		width: 100%;
	}
	.nav {
		width:100%;
		margin: 0 auto;
		max-width: 640px; 
	    background:#ffffff;
	    margin-left:-8px;
	    position:fixed;
	    bottom:0;
	    border-top:1px solid #eeeeee;
	    height:57px;
	    opacity:0.95;
	}
	.nav img:last-child{margin-left:20px;}
	.futureBabyIcon{
	margin-left:17px;
	float:left;
	width:40px;
	height:40px;
	}
	.futureBabyIcon div{
	background:url(../web/images/icon.png) no-repeat 0;
	background-size:50px 50px;
	padding:27px 42px;
	}
	.downloadBg{
	float:right;
	width:86px;
	height:30px;
	font-size:14px;
	color:#00a0e9;
	border-radius:96px;
	border:1px solid #00a0e9;
	line-height:28px;
	text-align: center;
	margin-top:12px;
	margin-right:18px;
	
	}
	
	.closeIcon{
	float:right;
	margin-right:20px;
	}
	.closeIcon div{
	background:url(../web/images/close.png) no-repeat 0;
	background-size:12px 12px;
	padding:27px 6px;
	}
</style>
<title>萌主活动详情</title>
</head>
<body>
	<div class="container">
		<table width="100%">
			<%-- <tr>
				<td width="15%"><div class="headImg"><img src="${path }/file/${example.servePicName}${example.servePicSuffix}" width="50" height="50"/></div></td>
				<td width="70%" style="padding-left:20px">
					<span style="margin-top: 10px;font-weight:bold;">${example.title }</span>&nbsp;&nbsp;
					<br/>
					<span style="font-size:12px;">${example.serve }</span>
				</td>
				<td width="15%" style="padding-left:30px">
					<img src="${path }/web/images/no_like.png" width="20px" height="20px"/><span class="icon1"></span><span style="font-size:12px;">${example.likeCount }</span>
				</td>
			</tr> --%>
		</table>
	</div>
	<hr style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#eeeeee,direction:145,strength:15)" width="100%" color=#eeeeee SIZE=1>
	<div id="content" class="container">
		${detail }
	</div>
	<div class="container" id = "downDiv">
		<div class="nav">
			<div class="futureBabyIcon">
				<div></div>
			</div>
			<div class="closeIcon" onclick="closeDownApp()">
				<div></div>
			</div>
			<div class="downloadBg" onclick="downLoadApp()">
			立即下载
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var _user= {	 
	    _inWeixin: function() {
	        return navigator.userAgent.match(/micromessenger/i) != null;
	    },
	    _inQq: function() {
	        return /(iPad|iPhone|iPod).*?QQ/g.test(navigator.userAgent) || /\bV1_AND_SQ_/.test(navigator.userAgent);
	    },
	    _inWeibo: function() {
	        return navigator.userAgent.match(/weibo/i) != null;
	    },
	    _useIOs: function() {
	        return navigator.userAgent.match(/ipad|iphone|ipod/i) != null;
	    },
	    _useAndroid: function() {
	        return navigator.userAgent.match(/android/i) != null;
	    } 	
	}
	function downLoadApp(){
		if(_user._inWeixin()){
			alert("请在右上角选择在浏览器打开！");	
		}else{
			if(_user._useIOs()){
				window.location.href = "https://itunes.apple.com/cn/app/id1173425297";
			}
			if(_user._useAndroid()){
				window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.midian.qzy";
			}
		}
	}
	
	function closeDownApp(){
		$("#downDiv").css("display","none");
		$("#content").css("padding-bottom","0px");
	}
	
</script>
</html>